<?php

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
echo $this->Html->css('chat/css/page');
echo $this->Html->css('chat/css/chat');
echo $this->Html->css('chat/js/jScrollPane/jScrollPane');

?>
<div id="chatContainer">

    <div id="chatTopBar" class="rounded"></div>
    <div id="chatLineHolder"></div>
    
    <div id="chatUsers" class="rounded"></div>
    <div id="chatBottomBar" class="rounded">
    	<div class="tip"></div>
        
        <form id="loginForm" method="post" action="">
            <input id="name" name="name" class="rounded" maxlength="16" />
            <input id="email" name="email" class="rounded" />
            <input type="submit" class="blueButton" value="Login" />
        </form>
        
        <form id="submitForm" method="post" action="">
            <input id="chatText" name="chatText" class="rounded" maxlength="255" />
            <input type="submit" class="blueButton" value="Submit" />
        </form>
        
    </div>
    
</div>

<script src="/cake/css/chat/js/jScrollPane/jquery.mousewheel.js"></script>
<script src="/cake/css/chat/js/jScrollPane/jScrollPane.min.js"></script>
<script src="/cake/css/chat/js/script.js"></script>